@charset "utf-8";
aside{
    width: 45%!important;
}
.banner{
    width: 100%;
    height: 660px;
    background-image: url(../img/login_bg.png);
    background-color: #f9fbfd;
    background-repeat: no-repeat;
    background-position:260px 40px;
    overflow: hidden;
    border-top: 1px solid #d8d8d8;
}
.banner .interface{
    width: 390px;
    height: 446px;
    float: right;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 20px 30px;
    margin-top: 45px;
    margin-right: 410px;
}
.banner .interface h2{
    line-height: 30px;
    border-left: 3px solid #7d589d;
    font-size: 16px;
    font-weight: 400;
    text-indent: 10px;
    margin-bottom: 24px;
}
.banner .interface .nav{
    width:282px;
    border-bottom: 1px solid #7d589d;
    padding:0 36px;
    margin:0 auto;
    height:28px;
}
.banner .interface .nav a{
    display: block;
    float: left;
    height: 28px;
    width: 70px;
    text-align: center;
    font-size: 16px;
    margin-right: 36px;
    color: #666;
}
.banner .interface .nav .login{
    background:url(../img/login_arr.png) 0 18px no-repeat;
}
.banner .interface .nav .register{
    background:url(../img/login_arr.png) 0 18px no-repeat;
    background: none;
}
.banner .interface form{
    margin: 40px 0 0 30px;
    width: 320px;
    font-size: 15px;
    
}
.banner .interface form .login_all{
    margin-bottom: 20px;
    position: relative;
    
}
.banner .interface form .icon1{
    width: 40px;
    height: 37px;
    display: block;
    top: 1px;
    left: 1px;
    border-right: solid 1px #ccc;
    background: url(../img/ico-login.png) -20px 11px no-repeat;
    position: absolute;
}

.banner .interface form .phone{
    font-size: 15px;
    width: 265px;
    height: 36px;
    padding-left: 55px;
    line-height: 40px;
    border: 1px solid #ccc;
    outline-color: #94d469 ;
}
.banner .interface form .phoneMsg{
    float: left;
    position: absolute;
    font-size: 12px;
    color: red;
    top: 12px;
    right: -115px;
    display: none;
}
.banner .interface form .checkMsg{
    float: left;
    position: absolute;
    font-size: 12px;
    color: red;
    top: 12px;
    right: -70px;
    display: none;
}
.banner .interface form .noteMsg{
    float: left;
    position: absolute;
    font-size: 12px;
    color: red;
    top: 12px;
    right: -70px;
    display: none;
}
.banner .interface form .passMsg{
    float: left;
    position: absolute;
    font-size: 12px;
    color: red;
    top: 12px;
    right: -80px;
    display: none;
}
.banner .interface form .icon2{
    width: 40px;
    height: 37px;
    display: block;
    top: 1px;
    left: 1px;
    border-right: solid 1px #ccc;
    background: url(../img/ico-login.png) -20px -19px no-repeat;
    position: absolute;
}
.banner .interface form .check{
    font-size: 15px;
    width: 145px;
    margin-right: 16px;
    height: 36px;
    padding-left: 55px;
    line-height: 40px;
    border: 1px solid #ccc;
    outline-color: #94d469 ;
}
.banner .interface form .login_all .code{
    float: right;
    width: 100px;
    height: 28px;
    margin-top: 7px;
}
.banner .interface form .icon3{
    width: 40px;
    height: 37px;
    display: block;
    top: 1px;
    left: 1px;
    border-right: solid 1px #ccc;
    background: url(../img/ico-login.png) -20px -48px no-repeat;
    position: absolute;
}
.banner .interface form .note{
    font-size: 15px;
    width: 145px;
    margin-right: 16px;
    height: 36px;
    padding-left: 55px;
    line-height: 40px;
    border: 1px solid #ccc;
    outline-color: #94d469 ;
}
.banner .interface form .getNote{
    float: right;
    background: #94d469;
    width: 100px;
    height: 28px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    margin-top: 7px;
    line-height: 28px;
}
.banner .interface form .login_btn{
    background: #e14958;
    width: 320px;
    height: 40px;
    margin-top: 16px;
    font-size: 15px;
    font-weight: 700;
    border: none;
    color: #FFFFFF;
}
.banner .interface form .register_btn{
    display: none;
}
.banner .interface form .login_last{
    position: relative;
    display: none;
}
.banner .interface form .deal{
    font-size: 12px;
    padding: 5px;
    line-height: 14px;
    display: none;
}
.banner .interface form .deal input{
    vertical-align: middle;
    margin-right: 4px;
}
.banner .interface form .deal a{
    color: #00F;
}

.banner .interface form .deal a:hover{
    text-decoration: underline;
}




























































































